<template>
	<view>
	  	<view class="flex align-center justify-between px-2">
				<text class="font-md">热门分类</text>
				<view class="flex align-center font text-secondary animate__animated" hover-class="animate__jello"
				@click="openMore">
					更多<text class="iconfont icon-jinru"></text>
				</view>
			</view>
			<view class="flex align-center py-3 px-2 border-bottom">
				<view class="border rounded bg-light mx-1 px-2 animate__animated" hover-class="animate__jello" v-for="(item,index) in hotCate"
				 :key="index" @click="openDetail(item)">
					{{item.name}}
				</view>
			
			</view>  
	</view>
</template>
<script>
	export default{
		props:["hotCate"],
		methods:{
			openMore(){
				// console.log('打开更多')
				uni.navigateTo({
					url:"../../pages/topic-nav/topic-nav"
				})
			},
			// 热门分类
			openDetail(item){
				console.log(item)
			}
		}
		
	}
	</script>